﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>jQuery OpenID Plugin</title>
    <link rel="stylesheet" type="text/css" media="screen" href="openid.css" />
    <!-- jQuery OpenID Plugin 1.1 Copyright 2009 Jarrett Vance http://jvance.com/pages/jQueryOpenIdPlugin.xhtml -->
</head>
<body>
	<h1>jQuery OpenID Plugin</h1>
<address>By <a href="http://jvance.com">Jarrett Vance</a></address><br />

<h2>Login (with javascript)</h2>
<form class="openid" method="post" action="/Login.xhtml?ReturnUrl="> 
  <div><ul class="providers"> 
  <li class="openid" title="OpenID"><img src="images/openidW.png" alt="icon" /> 
  <span><strong>http://{your-openid-url}</strong></span></li> 
  <li class="direct" title="Google"> 
		<img src="images/googleW.png" alt="icon" /><span>https://www.google.com/accounts/o8/id</span></li> 
  <li class="direct" title="Yahoo"> 
		<img src="images/yahooW.png" alt="icon" /><span>http://yahoo.com/</span></li> 
  <li class="username" title="AOL screen name"> 
		<img src="images/aolW.png" alt="icon" /><span>http://openid.aol.com/<strong>username</strong></span></li> 
  <li class="username" title="MyOpenID user name"> 
		<img src="images/myopenid.png" alt="icon" /><span>http://<strong>username</strong>.myopenid.com/</span></li> 
  <li class="username" title="Flickr user name"> 
		<img src="images/flickr.png" alt="icon" /><span>http://flickr.com/<strong>username</strong>/</span></li> 
  <li class="username" title="Technorati user name"> 
		<img src="images/technorati.png" alt="icon" /><span>http://technorati.com/people/technorati/<strong>username</strong>/</span></li> 
  <li class="username" title="Wordpress blog name"> 
		<img src="images/wordpress.png" alt="icon" /><span>http://<strong>username</strong>.wordpress.com</span></li> 
  <li class="username" title="Blogger blog name"> 
		<img src="images/blogger.png" alt="icon" /><span>http://<strong>username</strong>.blogspot.com/</span></li> 
  <li class="username" title="LiveJournal blog name"> 
		<img src="images/livejournal.png" alt="icon" /><span>http://<strong>username</strong>.livejournal.com</span></li> 
  <li class="username" title="ClaimID user name"> 
		<img src="images/claimid.png" alt="icon" /><span>http://claimid.com/<strong>username</strong></span></li> 
  <li class="username" title="Vidoop user name"> 
		<img src="images/vidoop.png" alt="icon" /><span>http://<strong>username</strong>.myvidoop.com/</span></li> 
  <li class="username" title="Verisign user name"> 
		<img src="images/verisign.png" alt="icon" /><span>http://<strong>username</strong>.pip.verisignlabs.com/</span></li> 
  </ul></div> 
  <fieldset> 
  <label for="openid_username">Enter your <span>Provider user name</span></label> 
  <div><span></span><input type="text" name="openid_username" /><span></span> 
  <input type="submit" value="Login" /></div> 
  </fieldset> 
  <fieldset> 
  <label for="openid_identifier">Enter your <a class="openid_logo" href="http://openid.net">OpenID</a></label> 
  <div><input type="text" name="openid_identifier" /> 
  <input type="submit" value="Login" /></div> 
  </fieldset> 
</form>
<h2>Login (without javascript)</h2>
<form class="openid" method="post" action="/Login.xhtml?ReturnUrl="> 
  <div><ul class="providers"> 
  <li class="openid" title="OpenID"><img src="images/openidW.png" alt="icon" /> 
  <span><strong>http://{your-openid-url}</strong></span></li> 
  <li class="direct" title="Google"> 
		<img src="images/googleW.png" alt="icon" /><span>https://www.google.com/accounts/o8/id</span></li> 
  <li class="direct" title="Yahoo"> 
		<img src="images/yahooW.png" alt="icon" /><span>http://yahoo.com/</span></li> 
  <li class="username" title="AOL screen name"> 
		<img src="images/aolW.png" alt="icon" /><span>http://openid.aol.com/<strong>username</strong></span></li> 
  <li class="username" title="MyOpenID user name"> 
		<img src="images/myopenid.png" alt="icon" /><span>http://<strong>username</strong>.myopenid.com/</span></li> 
  <li class="username" title="Flickr user name"> 
		<img src="images/flickr.png" alt="icon" /><span>http://flickr.com/<strong>username</strong>/</span></li> 
  <li class="username" title="Technorati user name"> 
		<img src="images/technorati.png" alt="icon" /><span>http://technorati.com/people/technorati/<strong>username</strong>/</span></li> 
  <li class="username" title="Wordpress blog name"> 
		<img src="images/wordpress.png" alt="icon" /><span>http://<strong>username</strong>.wordpress.com</span></li> 
  <li class="username" title="Blogger blog name"> 
		<img src="images/blogger.png" alt="icon" /><span>http://<strong>username</strong>.blogspot.com/</span></li> 
  <li class="username" title="LiveJournal blog name"> 
		<img src="images/livejournal.png" alt="icon" /><span>http://<strong>username</strong>.livejournal.com</span></li> 
  <li class="username" title="ClaimID user name"> 
		<img src="images/claimid.png" alt="icon" /><span>http://claimid.com/<strong>username</strong></span></li> 
  <li class="username" title="Vidoop user name"> 
		<img src="images/vidoop.png" alt="icon" /><span>http://<strong>username</strong>.myvidoop.com/</span></li> 
  <li class="username" title="Verisign user name"> 
		<img src="images/verisign.png" alt="icon" /><span>http://<strong>username</strong>.pip.verisignlabs.com/</span></li> 
  </ul></div> 
  <fieldset> 
  <label for="openid_username">Enter your <span>Provider user name</span></label> 
  <div><span></span><input type="text" name="openid_username" /><span></span> 
  <input type="submit" value="Login" /></div> 
  </fieldset> 
  <fieldset> 
  <label for="openid_identifier">Enter your <a class="openid_logo" href="http://openid.net">OpenID</a></label> 
  <div><input type="text" name="openid_identifier" /> 
  <input type="submit" value="Login" /></div> 
  </fieldset> 
</form>
<br />
<h2>Additional Images</h2>
<img src="images/flickrW.png" alt="icon" />
<img src="images/myspaceW.png" alt="icon" />
<img src="images/myopenidW.png" alt="icon" />
<img src="images/facebookW.png" alt="icon" /><br />

<p>Visit <a href="http://jvance.com/pages/jQueryOpenIdPlugin.xhtml">jQuery OpenID Plugin Homepage</a> for updates.</p>

<p><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://creativecommons.org/images/public/somerights20.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>.</p>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.openid.js"></script>
<script type="text/javascript">  $(function() { $("form.openid:eq(0)").openid(); });</script>
</body>
</html>
